<%-- 
    Document   : menu
    Created on : Nov 5, 2012, 6:06:15 PM
    Author     : Silence
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link rel="stylesheet" href="css/main.css" type="text/css" />
        <script src="javascript/jquery-1.4.4.js"></script>
    </head>
    <body>
       <script>
              $(function(){
                    $("li").find("ul").prev().click(function(){
                            $(this).next().toggle(500);
                    });
                    $("li:has(ul)").find("ul").hide();
            });
	</script>
        <div id="navigation">
                <ul id="listUL">
                        <li><a>Login Account</a>
                               <ul id="secondList">
                                    <li><a href="test.jsp" target="mainFrame">Login Account</a></li>
                                    <li><a href="successful.do" class="menuLink" target="mainFrame">Change Password</a></li>
                               </ul>
                        </li>
                        <li><a href="#">Product</a>
                                <ul id="secondList">
                                    <li><a class="menuLink">Info</a></li>
                                    <li><a class="menuLink">Style</a></li>
                                    <li><a class="menuLink">Color</a></li>
                                    <li><a class="menuLink">Size</a></li>
                                    <li><a class="menuLink">Unit Pricing</a></li>
                                    <li><a class="menuLink">Discount Pricing</a></li>
                                    <li><a class="menuLink">Product Import (New)</a></li>
                                    <li><a class="menuLink">Product Delete (New)</a></li>
                                </ul>
                        </li>
                        <li><a class="menuLink">logout</a></li>
               </ul>
        </div>
    </body>
</html>
